<template>
        <div id="app"  :class="$route.name=='login'?'load-login':''" >
           <div id="power">
                <keep-alive>
                    <!--router-view组件是一个 functional 组件，渲染路径匹配到的视图组件-->
                <router-view v-if="$route.meta.keepAlive"></router-view>
                </keep-alive>
                <!--不需要缓存组件-->
                <router-view v-if="!$route.meta.keepAlive"></router-view>
           </div>
        </div>
</template>

<script>
import axios from 'axios'
import router from './router'
export default {
  name: 'App',
     data(){
         return {
          isAndroid:''
         }
    },
    mounted: function() {
      function plusReady() {
        document.getElementById("power").className="power-type"
        }
    if(window.plus) {
        plusReady();
    }
  },
}

  
</script>

<style>
body,html{
    font: 28px/1 Roboto,PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,serif;
    height: 100%;
    width: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
.android-load{
    padding-top: 40px;
}
.page-finance{
    background: #161736;
    height: 100%;
}
.login-body .mains{
    padding-top: 30px;
}
.power-type{
    padding-top: 20px;
}
body{
    
margin: 0px;
padding: 0px;
}
*::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}
* ::-webkit-scrollbar-thumb {
     width: 0;
    height: 0;
    display: none;
}
blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul {
    margin: 0;
    padding: 0;
    font-family: Helvetica
}

address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,th {
    text-align: left;
    font-weight: 400
}

abbr,body,fieldset,html,iframe,img {
    border: 0
}

address,cite,dfn,em,i,var {
    font-style: normal
}

[hidefocus],summary {
    outline: 0
}

li {
    list-style: none
}

h1,h2,h3,h4,h5,h6,small {
    font-size: 100%
}

sub,sup {
    font-size: 83%
}

code,kbd,pre,samp {
    font-family: inherit
}
img,a{
    -webkit-touch-callout: none;
}
q:after,q:before {
    content: none
}
.order-main-header{
    height: 100px;
}
textarea {
    overflow: auto;
    resize: none
}

label,summary {
    cursor: default
}

a,button {
    cursor: pointer
}

a,a:focus,button {
    outline: none
}

b,em,h1,h2,h3,h4,h5,h6,strong {
    font-weight: 400
}

a,a:hover,del,ins,s,u {
    text-decoration: none
}

body,button,input,keygen,legend,select,textarea {
    outline: 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent
}

b,button,em,i,img,input,select,span,strong {
    display: inline-block;
    vertical-align: middle
}

::-ms-clear,::-ms-reveal {
    display: none
}

button {
    border: none;
    outline: none;
    -webkit-appearance: none;
    background: transparent
}

.footer .user-info,.header .btn-group,.page-index footer .actions,.page-index main .markets-rate>dl>dd {
    *zoom:1}

.footer .user-info:after,.header .btn-group:after,.page-index footer .actions:after,.page-index main .markets-rate>dl>dd:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."
}
.android-load{
    padding-top: 40px;
}
body{
   width: 100%;
    height: 100%;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
* {
    cursor: pointer
}

*,:active,:focus {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}
.center-detail .proposal p{
    text-indent:0pt !important;
}
.fl {
    float: left
}
.mint-header{
    width: 100%;
}
.fr {
    float: right
}

.upper,.uppercase {
    font-style: normal;
    text-transform: uppercase
}

select::-ms-expand {
    display: none
}

.no_select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}
::-webkit-input-placeholder {
    color: #E0E0F9;
    font-size: 28px
}

:-moz-placeholder,::-moz-placeholder {
    color: #E0E0F9;
    font-size: 28px
}

:-ms-input-placeholder {
    color: #E0E0F9;
    font-size: 28px
}
#app{
    height: 90%;
    min-height: 90%;
}

</style>
